/*
 * @Author: 自迩
 * @Date: 2022-03-22 17:02:34
 * @LastEditTime: 2022-03-22 20:44:09
 * @LastEditors: your name
 * @Description:
 * @FilePath: \class-ending-homework\src\components\Footer\index.jsx
 */
import React from 'react'
import './index.css'

export default function Footer() {
    let arr = [1,2,3,4,5]
  return (
    <div className='footer'>
        <div className="footer-logo">
            <span>I</span>
            <span>F</span>
            <span>E</span>
        </div>

        <div className="footer-list">
            <dl>
                <dt>Links</dt>
                {arr.map((value)=>{
                        return <dd key={`link1${value}`}><a href="http://bit.baidu.com/product">百度技术培训中心</a></dd>
                    })}
            </dl>
            <dl>
                <dt>Links</dt>
                {arr.map((value)=>{
                        return <dd key={`link2${value}`}><a href="http://bit.baidu.com/product">百度技术</a></dd>
                    })}
            </dl>
            <dl>
                <dt>Links</dt>
                {arr.map((value)=>{
                        return <dd key={`link1${value}`}><a href="http://bit.baidu.com/product">百度技术培训中心</a></dd>
                    })}
            </dl>
        </div>
    </div>
  )
}
